﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="wangcong">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>空间数据资源DEMO</title>
    <link rel="stylesheet" href="http://10.242.181.41/arcgis_js_api/library/latest/esri/css/main.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/site.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/icon.css">
    <script>
        var dojoConfig = {
            parseOnLoad: true,
            packages: [{
                name: "utils",
                location: location.pathname.replace(/\/[^/]+$/, "") + "static/utils"
            }]
        };
    </script>
    <script src="http://10.242.181.41/arcgis_js_api/library/latest/init.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/jquery-3.5.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/messagehandler.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/layersParams.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/app.js"></script>
    
</head>

<body>
    

    <div id="viewDiv">
        <div class="baseMap">
            <div class="baseMapContainter">
                <img class="changeImage" src="${pageContext.request.contextPath}/static/images/base.png" alt="底图切换" title="底图切换">
                <div class="baseMap_img animation_hiden"> 
                    <div class="baseMap_panl">
                        <img src="${pageContext.request.contextPath}/static/images/base.png">

                        <img src="${pageContext.request.contextPath}/static/images/anse.png">
                        <img src="${pageContext.request.contextPath}/static/images/guihua.png">
                    </div>
                </div>
            </div>
        </div>
        <!-- 侧边栏 -->
        <div class="aside">
            <div class="aside-containter">
                <div class="aside-item iconfont icon-tucenghuaguo" title ="图层"></div>
                <div class="aside-item iconfont icon-fangda" title ="放大"></div>
                <div class="aside-item iconfont icon-suoxiao" title ="缩小"></div>

                <div class="aside-item iconfont icon-fangdajing" title ="搜索"></div>
                <div class="aside-item iconfont icon-chaxun" title ="图层查询"></div>
                <div class="aside-item iconfont icon-celiang" title ="测量"></div>
                <div class="aside-item iconfont icon-location" title ="定位"></div>
            </div>
            
        </div>
        <!-- 侧边面板 -->
        <div class="content_wrap">
            <!-- 图层控制 -->
<!--            <iframe  class="mapLayer aside_hiden" scrolling="scrolling" style="width: 100%; height: 100%;" src="${pageContext.request.contextPath}/static/extend/fileTree/tree.html"></iframe>-->
            <div>
                
                <div class="">
                   
<!--                     
                    <div class="map-layer-group-title">长宁房产数据</div>
                        <div><input id="fangchan" name="yaosuLayer" type="checkbox" value="fangchan" /><label for="fangchan">长宁房产数据</label></div>
                        <div><input id="fangchan" name="yaosuLayer" type="checkbox" value="fangchan" /><label for="fangchan">长宁房产数据</label></div>
                        <div><input id="fangchan" name="yaosuLayer" type="checkbox" value="fangchan" /><label for="fangchan">长宁房产数据</label></div>
                        <div><input id="fangchan" name="yaosuLayer" type="checkbox" value="fangchan" /><label for="fangchan">长宁房产数据</label></div>
                    <div class="map-layer-group-title">长宁房产数据</div>
                    <div class="map-layer-group-title">长宁房产数据</div>
                    <div class="map-layer-group-title">长宁房产数据</div>

                        <div><input id="fangchan" name="yaosuLayer" type="checkbox" value="fangchan" /><label for="fangchan">长宁房产数据</label></div>
                        <div><input id="hongxian" name="yaosuLayer" type="checkbox" value="hongxian" /><label for="hongxian">长宁红线数据</label></div>
                        <div><input id="jianshe" name="yaosuLayer" type="checkbox" value="jianshe" /><label for="jianshe">长宁建设工程</label></div>
                        <div><input id="kongxiang" name="yaosuLayer" type="checkbox" value="kongxiang" /><label for="kongxiang">长宁控详规划</label></div>
                        <div><input id="changningQujie" name="yaosuLayer" type="checkbox" value="changningQujie"/><label for="changningQujie">长宁区界</label></div>

                   
                    <div class="map-layer-group-title">土地管理</div>
                        <div><input id="TD_cbxm_20210225" name="yaosuLayer" type="checkbox" value="TD_cbxm_20210225"/><label for="TD_cbxm_20210225">储备项目</label></div>
                        <div><input id="TD_hbjds_20210225" name="yaosuLayer" type="checkbox" value="TD_hbjds_20210225"/><label for="TD_hbjds_20210225">划拨决定书</label></div>
                        <div><input id="TD_jsydpzs_20210225" name="yaosuLayer" type="checkbox" value="TD_jsydpzs_20210225"/><label for="TD_jsydpzs_20210225">建设用地批准书</label></div>
                        <div><input id="ycbd" name="yaosuLayer" type="checkbox" value="ycbd"/><label for="ycbd" style="background: gray;">临时用地审批</label></div>
                        <div><input id="TD_nzy_20210225" name="yaosuLayer" type="checkbox" value="TD_nzy_20210225"/><label for="TD_nzy_20210225">农转用</label></div>
                        <div><input id=" TD_syqdzd_20210225" name="yaosuLayer" type="checkbox" value=" TD_syqdzd_20210225"/><label for=" TD_syqdzd_20210225">所有权大宗地</label></div>
                        <div><input id="TD_ttzyclip_20210225" name="yaosuLayer" type="checkbox" value="TD_ttzyclip_20210225"/><label for="TD_ttzyclip_20210225">滩涂资源</label></div>
                        <div><input id="TD_tdgysp_20210225" name="yaosuLayer" type="checkbox" value="TD_tdgysp_20210225"/><TD_tdgysp_20210225 for="ycbd">土地供应审批</label></div>
                        <div><input id="TD_tdycsyht_20210225" name="yaosuLayer" type="checkbox" value="TD_tdycsyht_20210225"/><label for="TD_tdycsyht_20210225">土地有偿使用合同</label></div>
                        <div><input id="TD_zfxs_20210225" name="yaosuLayer" type="checkbox" value="TD_zfxs_20210225"/><label for="TD_zfxs_20210225">执法巡视</label></div>
                        <div><input id="TD_gdzy_20210225" name="yaosuLayer" type="checkbox" value="TD_gdzy_20210225"/><label for="TD_gdzy_20210225">耕地资源</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">计划储备地块</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">设施农用地</label></div>
                        <div><input id="TD_syqxzd_20210225" name="yaosuLayer" type="checkbox" value="TD_syqxzd_20210225"/><label for="TD_syqxzd_20210225">所有权小宗地</label></div>
                        <div><input id="TD_tdcb_20210225" name="yaosuLayer" type="checkbox" value="TD_tdcb_20210225"/><label for="TD_tdcb_20210225">土地储备</label></div>
                        <div><input id="TD_tdjy_20210225" name="yaosuLayer" type="checkbox" value="TD_tdjy_20210225"/><label for="TD_tdjy_20210225">土地交易</label></div>
                        <div><input id="TD_ychwfyd_20210225" name="yaosuLayer" type="checkbox" value="TD_ychwfyd_20210225"/><label for="TD_ychwfyd_20210225">已测绘违法用地</label></div>
                        <div><input id="TD_ydys_20210225" name="yaosuLayer" type="checkbox" value="TD_ydys_20210225"/><label for="TD_ydys_20210225">用地预审</label></div>
                        <div><input id="TD_zd_20210225" name="yaosuLayer" type="checkbox" value="TD_zd_20210225"/><label for="TD_zd_20210225">宗地</label></div>
                    <div class="map-layer-group-title">规划管理</div>    
                        <div><input id="GH_cykz_20210225" name="yaosuLayer" type="checkbox" value="GH_cykz_20210225"/><label for="GH_cykz_20210225">产业控制线</label></div>
                        <div><input id="GH_cskf_20210225" name="yaosuLayer" type="checkbox" value="GH_cskf_20210225"/><label for="GH_cskf_20210225">城市开发边界</label></div>
                        <div><input id="GH_dlhx_20210225" name="yaosuLayer" type="checkbox" value="GH_dlhx_20210225"/><label for="GH_dlhx_20210225">道路红线</label></div>
                        <div><input id="GH_hxdl_20210225" name="yaosuLayer" type="checkbox" value="GH_hxdl_20210225"/><label for="GH_hxdl_20210225">电力黄线</label></div>
                        <div><input id="GH_ggyq_20210225" name="yaosuLayer" type="checkbox" value="GH_ggyq_20210225"/><label for="GH_ggyq_20210225">公告园区</label></div>
                        <div><input id="GH_hdzxx_20210225" name="yaosuLayer" type="checkbox" value="GH_hdzxx_20210225"/><label for="GH_hdzxx_20210225">河道中心线</label></div>
                        <div><input id="GH_jsydclip_20210225" name="yaosuLayer" type="checkbox" value="GH_jsydclip_20210225"/><label for="GH_jsydclip_20210225">建设用地控制线</label></div>
                        <div><input id="GH_kgdk_20210225" name="yaosuLayer" type="checkbox" value="GH_kgdk_20210225"/><label for="GH_kgdk_20210225">控规地块</label></div>
                        <div><input id=" GH_kgxm_20210225" name="yaosuLayer" type="checkbox" value=" GH_kgxm_20210225"/><label for=" GH_kgxm_20210225">控规项目</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">其他建设用地控制线</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">生态控制线</label></div>
                        <div><input id="GH_sykjcxbjgh_20210225" name="yaosuLayer" type="checkbox" value="GH_sykjcxbjgh_20210225"/><label for="GH_sykjcxbjgh_20210225">市域科技创新布局规划</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">市域生态空间规划</label></div>
                        <div><input id="GH_systwlgh_20210225" name="yaosuLayer" type="checkbox" value="GH_systwlgh_20210225"/><label for="GH_systwlgh_20210225">市域生态网络规划</label></div>
                        <div><input id="GH_syxjzzyfzkjgh_20210225" name="yaosuLayer" type="checkbox" value="GH_syxjzzyfzkjgh_20210225"/><label for="GH_syxjzzyfzkjgh_20210225">市域先进制造业发展空间规划</label></div>
                        <div><input id="GH_syydbjghclip_20210225" name="yaosuLayer" type="checkbox" value="GH_syydbjghclip_20210225"/><label for="GH_syydbjghclip_20210225">市域用地布局规划</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">专项规划</label></div>
                        <div><input id="" name="yaosuLayer" type="checkbox" value=""/><label for="" style="background: gray;">专项规划地块</label></div>
                    <div class="map-layer-group-title">建设管理</div> 
                        <div><input id="JS_gcghxkz_20210225" name="yaosuLayer" type="checkbox" value="JS_gcghxkz_20210225"/><label for="JS_gcghxkz_20210225">工程规划许可证</label></div>
                        <div><input id="JS_hdghtj_20210225" name="yaosuLayer" type="checkbox" value="JS_hdghtj_20210225"/><label for="JS_hdghtj_20210225">核定规划条件</label></div>
                        <div><input id="JS_sjfa_20210225" name="yaosuLayer" type="checkbox" value="JS_sjfa_20210225"/><label for="JS_sjfa_20210225">设计方案</label></div>
                        <div><input id="JS_szgx_20210225" name="yaosuLayer" type="checkbox" value="JS_szgx_20210225"/><label for="JS_szgx_20210225">市政管线</label></div>
                        <div><input id="JS_szgcxkz_20210225" name="yaosuLayer" type="checkbox" value="JS_szgcxkz_20210225"/><label for="JS_szgcxkz_20210225">市政建设用地工程规划许可证</label></div>
                        <div><input id="JS_szjtclip_20210225" name="yaosuLayer" type="checkbox" value="JS_szjtclip_20210225"/><label for="JS_szjtclip_20210225">市政交通</label></div>
                        <div><input id="JS_szxzyjsclip_20210225" name="yaosuLayer" type="checkbox" value="JS_szxzyjsclip_20210225"/><label for="JS_szxzyjsclip_20210225">市政选址意见书</label></div>
                        <div><input id=" JS_xzyjs_20210225" name="yaosuLayer" type="checkbox" value=" JS_xzyjs_20210225"/><label for=" JS_xzyjs_20210225">选址意见书</label></div>
                        <div><input id=" JS_ydghxkz_20210225" name="yaosuLayer" type="checkbox" value=" JS_ydghxkz_20210225"/><label for=" JS_ydghxkz_20210225">用地规划许可证</label></div>
                        <div><input id="JS_zzys_20210225" name="yaosuLayer" type="checkbox" value="JS_zzys_20210225"/><label for="JS_zzys_20210225">综合验收</label></div>
                    <div class="map-layer-group-title">化工区地块服务名称</div> 
                        <div><input id="DK_xmcbcrhb_20210525" name="yaosuLayer" type="checkbox" value="DK_xmcbcrhb_20210525"/><label for="DK_xmcbcrhb_20210525">带项目储备和待出让划拨</label></div>
                        <div><input id=" DK_ycr_20210525" name="yaosuLayer" type="checkbox" value=" DK_ycr_20210525"/><label for=" DK_ycr_20210525">已出让地块</label></div>
                        <div><input id="DK_yhb_20210525" name="yaosuLayer" type="checkbox" value="DK_yhb_20210525"/><label for="DK_yhb_20210525">已划拨地块</label></div>
                        <div><input id="DK_ycb_20210525" name="yaosuLayer" type="checkbox" value="DK_ycb_20210525"/><label for="DK_ycb_20210525">原储备地块</label></div>
                    <div class="map-layer-group-title">化工区范围</div> 
                        <div><input id="HGQ_hgqfw_20210225" name="yaosuLayer" type="checkbox" value="HGQ_hgqfw_20210225"/><label for="HGQ_hgqfw_20210225">化工区范围</label></div> -->
                </div>   
            </div>
            <!-- 搜索 -->
            <!-- <div class="query">
            </div> -->
            <!-- 图层查询 -->
            <div class="mapLayerQuery">
                
                    <input id="mapLayerQuery" type="text /">
                    <button id="mapLayerQuerybtn">查询</button>
                
            </div>
            <!-- 测量 -->
            <!-- <div class="measure">
            </div> -->
        </div>
        
    </div>
    
</body>
<script>
    function gg (){
        console.log('gg');
    }
</script>
</html>